<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>goodsLsit</title>
</head>

<body>
    <!-- 最顶部 -->
    <div id="top">
        <div class="top con">
            <div class="top-left float_l">
                <span href="#">欢迎来到丝芙兰</span>
                <a href="login.html">请登录</a>
                <i></i>
                <a href="register.html">免费注册</a>
                <a href="#">手机验证码登录</a>
            </div>
            <div class="top-animate">
                <a href="#">丝芙兰正品承诺</a>
                <a href="#">常见问题</a>
            </div>
            <ul class="top-right float_r">
                <li class="my">
                    <span></span>
                    <a href="#">我的丝芙兰</a>
                    <em></em>
                    <div class="my-content">
                        <a href="#">我的订单</a>
                    </div>
                </li>
                <li class="vip">
                    <span></span>
                    <a href="#">会员俱乐部</a>
                </li>
                <li class="phone">
                    <span></span>
                    <a href="#">手机丝芙兰</a>
                </li>
                <li><a href="#">美力事业</a></li>
                <li><a href="#">帮助中心</a></li>
            </ul>
        </div>
    </div>
    <!-- 购物车流程 + 返回首页-->
    <div class="shop-progress con">
        <div class="img-box"> <a href="index.html"><img src="./images/search_logo.png" alt=""></a></div>
        <div class="shop-progress-right float_r">
            <div class="shortline current"><em></em></div>
            <div class="shortline"><em></em></div>
            <div class="shortline" style="margin: 0;"><em></em></div>
            <div class="longline"></div>
        </div>
    </div>
    <!-- 主体展示部分 -->
    <div class="shop-main">
        <div class="shop-main-wrap con">
            <div class="top-msg">
                <p>您的购物车清单如含近效期产品，该近效期产品不支持7天无理由退货，近效期产品为页面有特别标示有效期信息的产品。</p>
            </div>
            <div class="product-msg">
                <ul class="product-top">
                    <em></em>
                    <li>全选</li>
                    <li>商品信息</li>
                    <li>单价(元)</li>
                    <li>数量</li>
                    <li>小计(元)</li>
                    <li>操作</li>
                </ul>
                <ul class="product-main">
                    <li>
                        <em></em>
                        <div class="product-main-content">
                            <a href=""> <img src="./images/1_n_09083_150x150.jpg" alt=""></a>
                            <div class="text">
                                <h5>GIVENCHTY</h5>
                                <a href="#">纪梵希高定九色眼影</a>
                                <p>规格: 8g, 01, 阳光蜜桃</p>
                            </div>
                            <span>630.00</span>
                            <div class="num">
                                <i class="current">﹣</i>
                                <span>1</span>
                                <i>+</i>
                            </div>
                            <div class="cout">630.00</div>
                            <div class="del">
                                <i></i>
                            </div>
                        </div>
                    </li>
                    <li>
                        <em></em>
                        <div class="product-main-content">
                            <a href=""> <img src="./images/1_n_09083_150x150.jpg" alt=""></a>
                            <div class="text">
                                <h5>GIVENCHTY</h5>
                                <a href="#">纪梵希高定九色眼影</a>
                                <p>规格: 8g, 01, 阳光蜜桃</p>
                            </div>
                            <span>630.00</span>
                            <div class="num">
                                <i class="current">-</i>
                                <span>1</span>
                                <i>+</i>
                            </div>
                            <div class="cout">630.00</div>
                            <div class="del">
                                <i></i>
                            </div>
                        </div>
                    </li>
                </ul>
            </div>
            <!-- 结算部分 -->
            <div class="cout-list">
                <div class="cout-list-left">
                    <em></em>
                    <span href="#">全选</span>
                    <span href="#">批量删除</span>
                    <div class="line"></div>
                    <a href="#" class="talk">
                        <p>联系客服</p>
                        <i></i>
                    </a>
                </div>
                <div class="cout-list-right float_r">
                    <ul>
                        <li>
                            <span>已选<i class="hasSelect">0</i>件商品,</span>
                            <span>合计:</span><b class="productSum">￥0.00</b>
                        </li>
                        <li>
                            <span>商品总额:</span>
                            <i style="font-size:12px" class="productSum">￥0.00</i>
                            <strong></strong>
                            <span>共节省</span>
                            <i style="font-size:12px">￥0.00</i>
                        </li>
                    </ul>
                    <div>立即结算</div>
                </div>
            </div>
            <!-- 滚动的 猜你喜欢 -->
            <div class="guessyoulike">
                <h3>猜你喜欢</h3>
                <div class="guess-button">
                    <div class="guess-button-left"></div>
                    <div class="guess-button-right currentRight"></div>
                </div>
                <div class="guess-wrap">
                    <ul>
                        <li>
                            <a href="#"><img src="./images/1_n_08666_180x180.jpg" alt=""></a>
                            <div class="title">Sulwhasoo</div>
                            <div class="descript">雪花秀与润修护睡眠面膜惠选套组</div>
                            <div class="price">￥390.00</div>
                        </li>
                        <li>
                            <a href="#"><img src="./images/1_n_08666_180x180.jpg" alt=""></a>
                            <div class="title">Sulwhasoo</div>
                            <div class="descript">雪花秀与润修护睡眠面膜惠选套组</div>
                            <div class="price">￥390.00</div>
                        </li>
                        <li>
                            <a href="#"><img src="./images/1_n_08666_180x180.jpg" alt=""></a>
                            <div class="title">Sulwhasoo</div>
                            <div class="descript">雪花秀与润修护睡眠面膜惠选套组</div>
                            <div class="price">￥390.00</div>
                        </li>
                        <li>
                            <a href="#"><img src="./images/1_n_08666_180x180.jpg" alt=""></a>
                            <div class="title">Sulwhasoo</div>
                            <div class="descript">雪花秀与润修护睡眠面膜惠选套组</div>
                            <div class="price">￥390.00</div>
                        </li>
                        <li>
                            <a href="#"><img src="./images/1_n_08666_180x180.jpg" alt=""></a>
                            <div class="title">Sulwhasoo</div>
                            <div class="descript">雪花秀与润修护睡眠面膜惠选套组</div>
                            <div class="price">￥390.00</div>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <!-- 工具div -->
    <div class="tools"></div>
     <!-- 底部 -->
     <footer>
        <div class="aboutMe con">
            <div class="aboutMe-content">
                <em></em>
                <span>顺丰EMS速达</span>
            </div>
            <div class="aboutMe-content">
                <em></em>
                <span>丰富礼赠</span>
            </div>
            <div class="aboutMe-content">
                <em></em>
                <span>100%官方正品</span>
            </div>
            <div class="aboutMe-content">
                <em></em>
                <span>无障碍退款</span>
            </div>
            <div class="aboutMe-content">
                <em></em>
                <span>安全支付</span>
            </div>
        </div>
        <div class="links con">
            <ul class="links-list">
                <li>
                    <h5><a href="#">购物流程</a></h5>
                    <p><a href="#">大宗采购/团购</a></p>
                    <p><a href="#">丝芙兰预付卡章程</a></p>
                </li>
                <li>
                    <h5><a href="#">支付/配送</a></h5>
                    <p><a href="#">货到付款</a></p>
                    <p><a href="#">在线支付</a></p>
                    <p><a href="#">配送时间</a></p>
                </li>
                <li>
                    <h5><a href="#">售后服务</a></h5>
                    <p><a href="#">退货款规定</a></p>
                    <p><a href="#">退换及退款说明</a></p>
                </li>
                <li>
                    <h5><a href="#">关于丝芙兰</a></h5>
                    <p><a href="#">公司介绍</a></p>
                    <p><a href="#">联系我们</a></p>
                </li>
                <li>
                    <h5><a href="#">网上订购咨询热线 : 400 670 0055</a></h5>
                </li>
            </ul>
        </div>
        <div class="bottom">
            <div class="bottom-wrap con">
                <a href="#">沪公网安备 31010602003121号</a>
                <a href="#">ICP备案序号:沪ICP备05026645号</a>
                <a href="#">食品经营许可证</a>
                <a href="#">网站使用条款</a>
                <a href="#">严正声明</a>
                <p>本网站隶属于丝芙兰（上海）化妆品销售有限公司 (企业法人营业执照) 预付卡信息对接唯一标识 : 310101F5201530100309</p>
            </div>
        </div>
    </footer>
</body>

</html>